<div class="am-u-sm-12 widget main-w">
	<ol class="am-breadcrumb">
		<li>
			<a href="{:url('/admin/index')}">首页</a>
		</li>
		<li>
			<a href="{:url('index')}">调度中心</a>
		</li>
		<li>
			<a href="{:url('index')}">查看订单</a>
		</li>
		<li class="am-active">派车</li>
	</ol>
	<fieldset class="cl-m">
		<legend class="cl-m">下单信息</legend>
		
		<div class="am-u-sm-6 orders_left" style="overflow: auto;">
			<form class="am-form-inline tpl-form-border-form"  >

				<div class="am-u-sm-12 cl-p">
					<div class="am-u-sm-12 cl-p">
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">乘客姓名： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<input type="text" class="am-form-field tpl-form-no-bg passenger_name" name="passenger_name" style="line-height: 21px;" data-check='require' data-msg="请选择乘客" readonly="">
									<input type="hidden" class="am-form-field tpl-form-no-bg passenger_id" name="passenger_id" style="line-height: 21px;">
								</div>
							</div>

						</div>
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">乘客电话： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<input type="text" class="am-form-field tpl-form-no-bg passenger_phone" name="passenger_phone" style="line-height: 21px;" data-check='require' data-msg="请填写手机号" value="{$item.name}">
								</div>
							</div>

						</div>
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">下单人姓名： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<input type="text" class="am-form-field tpl-form-no-bg orderer_name" name="orderer_name" style="line-height: 21px;"  readonly="">
									<input type="hidden" class="am-form-field tpl-form-no-bg orderer_id" name="orderer_id" style="line-height: 21px;">
								</div>
							</div>

						</div>
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">审批人： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<input type="text" class="am-form-field tpl-form-no-bg approval_name" name="approval_name" style="line-height: 21px;"  readonly="">
									<input type="hidden" class="am-form-field tpl-form-no-bg approval_id" name="approval_id" style="line-height: 21px;">
								</div>
							</div>

						</div>

						
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">订车类型： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<select name="booking_type">
										<option value="1">订车（日常）</option>
										<option value="2">包车</option>
										<option value="3">分时租赁</option>
									</select>
								</div>
							</div>

						</div>
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">车辆类型： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<input type="hidden" class="car_type_id" name="car_type_id" value="{$item.car_type_id}" />
									<input type="text" class="am-form-field tpl-form-no-bg  car_type" data-type='order' style="line-height: 21px;" name="" data-check='require' data-msg="请选择车型" value="{$item.car_type}" placeholder="点击选择车型" readonly="">
								</div>
							</div>

						</div>
						
						<!--<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">车辆类型： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
							
								<div class="am-u-sm-6 cl-p">
									<select class="type">
										<option value='1'>公务车</option>
										<option value='2'>公包车</option>
										<option value='3'>约租车</option>
										<option value='4'>私包车</option>
									</select>
									
								</div>
								<div class="am-u-sm-6 cl-p">
									<select class="car_type" name="car_type" >
										
									</select>
								</div>
							</div>
						</div>-->
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">订单类型： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<select name="order_type">
										<option value="1">公务订单</option>
										<option value="2">企业订单</option>
										<option value="3">个人订单</option>
									</select>
								</div>

							</div>

						</div>
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">用车类型： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<select name="use_type">
										<option value="1">行政执法</option>
										<option value="2">特殊公务</option>
										<option value="3">重要会议</option>
										<option value="4">机要通讯</option>
										<option value="5">视察调研</option>
										<option value="6">公务接待</option>
									</select>
								</div>
							</div>

						</div>
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">支付方式： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<select name="pay_type">
										<option value="1" disabled="1">个人支付</option>
										<option value="2">单位支付</option>
										<option value="3">财政支付</option>
										<option value="4">自有用车</option>
									</select>
								</div>
							</div>
						</div>
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">用车说明： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<input type="text" class="am-form-field tpl-form-no-bg use_explain" name="use_explain" style="line-height: 21px;">
								</div>
							</div>
						</div>
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">预约时间： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<div class="am-fl am-u-sm-12 cl-p">
										<input type="text" class="layui-input" name="appointment_time" id="test5" placeholder="">
									</div>
									

								</div>
							</div>
						</div>
						<div class="am-u-sm-12 cl-p departure_w" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">出发地： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<input type="text" class="am-form-field tpl-form-no-bg departure" name="from_addr" style="line-height: 21px;" placeholder="地图上选取出发地" value="">
									<input type="hidden" class="am-form-field tpl-form-no-bg from_lat" name="from_lat" data-check='1' data-msg='请在地图上右键选择目的地的位置'>
									<input type="hidden" class="am-form-field tpl-form-no-bg from_lon" name="from_lon"  >
								</div>
							</div>

						</div>
						<div class="am-u-sm-12 cl-p destination_w" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">目的地： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<input type="text" class="am-form-field tpl-form-no-bg destination" name="to_addr" style="line-height: 21px;" placeholder="地图上选取目的地" value="" >
									<input type="hidden" class="am-form-field tpl-form-no-bg to_lat" name="to_lat" data-check='1' data-msg='请在地图上右键选择目的地的位置'>
									<input type="hidden" class="am-form-field tpl-form-no-bg to_lon" name="to_lon"  >
								</div>
							</div>
						</div>
						<div class="am-u-sm-12 cl-p estimated_time_w" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">预计时间： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<input type="text" class="am-form-field tpl-form-no-bg estimated_time" name="" style="line-height: 21px;" data-check='' data-msg="" value="" readonly="">
									<input type="hidden" name="pre_time" />
								</div>
							</div>

						</div>
						<div class="am-u-sm-12 cl-p" style="margin-bottom:10px ;">
							<label class="am-u-sm-3 am-form-label cl-p" style="line-height: 30px;">预计费用： </label>
							<div class="am-form-group am-u-sm-9 cl-p">
								<div class="am-u-sm-12 cl-p">
									<input type="text"  style="line-height: 21px;"  class="am-form-field tpl-form-no-bg " name="pre_fee" readonly=""/>
								</div>
							</div>

						</div>
						<div class="am-u-sm-12 cl-p pre_meter_w" style="margin-bottom:10px ;">
							<div class="am-u-sm-6">
								<label class="am-u-sm-6 am-form-label cl-p" style="line-height: 30px;">预计距离： </label>
								<div class="am-form-group am-u-sm-6 cl-p" style="line-height: 30px;">
									<div class="am-u-sm-12 cl-p">
										<div class="am-fl am-u-sm-9 cl-p "><input type="number" class="am-form-field tpl-form-no-bg distance" name="" style="line-height: 21px;" placeholder="" value="" readonly=""></div><span style="font-size: 14px;">公里</span>
										<input type="hidden" name="pre_meter" />
									</div>
								</div>
							</div>
							<!--<div class="am-u-sm-6 cl-p is_return_w">
								<label class="am-u-sm-6 am-form-label cl-p" style="line-height: 30px;">是否往返： </label>
								<div class="am-form-group am-u-sm-6 cl-p" style="line-height: 30px;">
									<div class="am-u-sm-12 cl-p">
										<select name="is_return">
											<option selected value="9">否</option>
											<option value="1">是</option>
										</select>
									</div>
								</div>
							</div>-->
						</div>

					</div>

				</div>
				<div class="am-u-sm-12 cl-p">
					<div class="am-u-sm-12" style="margin: 10px 0;text-align: center;">
						{if $Think.get.type==1}
						<a class="am-btn am-btn-sm am-btn-secondary am-radius autodispatch">一键下单</a>
						{else/}
						<button  type="button" class="am-btn am-btn-sm am-btn-secondary am-radius dispatch">下单</button>
						{/if}
					</div>

				</div>
			</form>
		</div>

		<div class="am-u-sm-6 ">
			<div class="am-u-sm-12 po_relative" style="margin-bottom: 5px;margin-top: 20px;">
				<div id="map" data-map='1' style="width: 100%;height: 500px;"></div>
				<div id="panel" style="display: none;"></div>
				<div id="pickerBox" style="top: 0;left: 10px;">
					<input id="pickerInput" placeholder="输入关键字选取地点" />
					<div id="poiInfo"></div>
				</div>
			</div>
			<div class="am-u-sm-12">
				提示：请在地图上右击选取出发地、目的地。
			</div>
		</div>
	</fieldset>
</div>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key={:config('base.mapkey')}&plugin=AMap.Driving,AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.MouseTool,AMap.DistrictSearch,AMap.MarkerClusterer"></script>
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>